<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   
</body>
<script>
    // 循环结构  => 循:沿着  环: 圆 / 环   循环: 周而复始,循环往复

    // 循环就是重复做一件事
    // 在满足特定条件的情况下,重复的做一件事, 直到条件不满足为止


    // 常见循环
    // while
    // do...while
    // for

    // 循环的三要素
    // (1) 初始值    (初始值 => 循环开始的位置)
    // (2) 循环条件  (满足条件就循环,否则就跳出循环)
    // (3) 自增/自减  (计数)



    // while循环
    // while(表达式){
    //     执行语句;
    // }

    // 首先求解表达式,如果表达式成立,则执行对应的循环语句(while对应的{}内的语句), 本次循环执行完毕, 再次求解表达式, 依次类推知道条件不满足位置



    // 打印10个*
    // (1) 从第一个开始打 (初始值 => 循环开始的位置)
    // (2) 不够十个要继续打
    // (3) 打印完第一个,再打第二个 (计数)
    // document.write("*");

   

    
    // var i = 1;  //初始值 => 声明一个变量记录循环开始的位置

    // debugger;

    // while(i <= 10){  // 循环条件 (满足条件就循环, 否则就跳出)
    //     document.write("*");

    //     i++;  //  自增/自减 (计数处理) 2 3 4 5 6 7 8 9 10 11
    // }

    // console.log("循环结束");

    // ---------------------------------------------

    // var i = 10;  //初始值 => 声明一个变量记录循环开始的位置

    // while(i >= 1){  // 循环条件 (满足条件就循环, 否则就跳出)
    //     document.write("*");

    //     i--;  //  自增/自减 (计数处理)
    // }

    // console.log("循环结束");



      
    var i = 1;  //初始值 => 声明一个变量记录循环开始的位置

    while(i <= 10){  // 循环条件 (满足条件就循环, 否则就跳出)
        document.write("*");

        i++;  //  自增/自减 (计数处理) 2 3 4 5 6 7 8 9 10 11
    }

    console.log("循环结束");


    
    
   





</script>
</html>